<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>昕孕瑜伽</title>
		<link rel="stylesheet" type="text/css" href="css/mui.picker.css" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/index.css" />
	</head>

	<body>

		<!--首页-->
		<section class="sy show">
			<!--顶部banner-->
			<div class="mui-slider">
				<div id="topBanner" class="mui-slider-group mui-slider-loop">
					<!--轮播图片-->
				</div>
			</div>
			<!--课程类别-->
			<ul id="lectureType">
				<li class="sl">首页</li>
				<li>孕期</li>
				<li>产后</li>
				<li>名师</li>
			</ul>
			<!--课程列表-->
			<ul id="lectureList">
				<!--首页-->
				<li class="show">
					<h3><span>&emsp;</span>近期线下培训<span>&emsp;</span></h3>
					<ol>
						<li>
							<a href="offline.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>火爆招生|1-2月王昕老师孕产瑜伽体系课培训报名</h4>
									<p>报名人数100人<del>99元</del></p>
									<p>2017-08-12至2017-09-02<span>限时免费</span></p>
								</div>
							</a>
						</li>
					</ol>
					<h3><span>&emsp;</span>功能课程<span>&emsp;</span></h3>
					<ol>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>孕期运动如何更安全有效</h4>
									<p>课程描述。。。<br/>...</p>
									<p>报名人数100人<span>99元</span></p>
								</div>
							</a>
						</li>
					</ol>
					<h3><span>&emsp;</span>系列课程<span>&emsp;</span></h3>
					<ol>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>孕期运动如何更安全有效</h4>
									<p>课程描述。。。<br/>...</p>
									<p>报名人数100人<span>99元</span></p>
								</div>
							</a>
						</li>
					</ol>
				</li>
				<!--孕期-->
				<li>
					<ol>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>王昕老师孕产瑜伽体系课培训报名</h4>
									<p>课程简介：理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量</p>
								</div>
							</a>
						</li>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>火爆招生|1-2月王昕老师孕产瑜伽体系课培训报名</h4>
									<p>课程简介：理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量</p>
								</div>
							</a>
						</li>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>王昕老师孕产瑜伽体系课培训报名</h4>
									<p>课程简介：理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量</p>
								</div>
							</a>
						</li>
					</ol>
				</li>
				<!--产后-->
				<li>
					<ol>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>火爆招生|1-2月王昕老师孕产瑜伽体系课培训报名</h4>
									<p>课程简介：理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量</p>
								</div>
							</a>
						</li>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>王昕老师孕产瑜伽体系课培训报名</h4>
									<p>课程简介：理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量</p>
								</div>
							</a>
						</li>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>火爆招生|1-2月王昕老师孕产瑜伽体系课培训报名</h4>
									<p>课程简介：理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量</p>
								</div>
							</a>
						</li>
					</ol>
				</li>
				<!--名师-->
				<li>
					<ol>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>王昕老师孕产瑜伽体系课培训报名</h4>
									<p>课程简介：理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量</p>
								</div>
							</a>
						</li>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>火爆招生|1-2月王昕老师孕产瑜伽体系课培训报名</h4>
									<p>课程简介：理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量</p>
								</div>
							</a>
						</li>
						<li>
							<a href="details.html">
								<img src="img/ListTest1.jpg" />
								<div>
									<h4>王昕老师孕产瑜伽体系课培训报名</h4>
									<p>课程简介：理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量</p>
								</div>
							</a>
						</li>
					</ol>
				</li>
			</ul>
		</section>

		<!--课程培训-->
		<section class="kcpx">
			<img src="img/banner1.jpg" alt="">
			<ul id="trainClass">
				<li class="sl">线上培训</li>
				<li>线下培训</li>
				<li>认证导师</li>
			</ul>
			<ol id="trainContent">
				<!--线上培训-->
				<li class="sl">
					<div id="onlineLesson">
						<a class="kcpx_yq">
							<img src="img/yq.png" />
							<span>孕期</span>
						</a>
						<a class="kcpx_ch">
							<img src="img/ch.png" />
							<span>产后</span>
						</a>
						<a class="kcpx_yz">
							<img src="img/yz.png" />
							<span>月子</span>
						</a>
						<a class="kcpx_qz">
							<img src="img/qz.png" />
							<span>亲子</span>
						</a>
						<a class="kcpx_ms">
							<img src="img/ms.png" />
							<span>名师</span>
						</a>
					</div>
					<div id="recommend">
						<h3><span>&emsp;</span>精彩推荐<span>&emsp;</span></h3>
						<ol>
							<li>
								<a href="">
									<img src="img/ListTest1.jpg" />
									<div>
										<h4>孕期运动如何更安全有效</h4>
										<p>课程描述。。。<br/>...</p>
										<p>报名人数100人<span>99元</span></p>
									</div>
								</a>
							</li>
							<li>
								<a href="">
									<img src="img/ListTest1.jpg" />
									<div>
										<h4>孕期运动如何更安全有效</h4>
										<p>课程描述。。。<br/>...</p>
										<p>报名人数100人<span>99元</span></p>
									</div>
								</a>
							</li>
							<li>
								<a href="">
									<img src="img/ListTest1.jpg" />
									<div>
										<h4>孕期运动如何更安全有效</h4>
										<p>课程描述。。。<br/>...</p>
										<p>报名人数100人<span>99元</span></p>
									</div>
								</a>
							</li>
						</ol>
					</div>
				</li>
				<!--线下培训-->
				<li>
					<!--近期培训-->
					<div id="offlineLesson">
						<h3><span>&emsp;</span>近期培训<span>&emsp;</span></h3>
						<ol>
							<li>
								<a href="offline.html">
									<img src="img/ListTest1.jpg" />
									<div>
										<h4>王昕老师孕产瑜伽体系课培训报名</h4>
										<p>报名人数100人<del>99元</del></p>
										<p>2017-08-12至2017-09-02<span>限时免费</span></p>
									</div>
								</a>
							</li>
							<li>
								<a href="offline.html">
									<img src="img/ListTest1.jpg" />
									<div>
										<h4>火爆招生|1-2月王昕老师孕产瑜伽体系课培训报名</h4>
										<p>报名人数100人</p>
										<p>2017-08-12至2017-09-02<span>&yen;99.00元</span></p>
									</div>
								</a>
							</li>
							<li>
								<a href="offline.html">
									<img src="img/ListTest1.jpg" />
									<div>
										<h4>王昕老师孕产瑜伽体系课培训报名</h4>
										<p>报名人数100人</p>
										<p>2017-08-12至2017-09-02<span>&yen;200.00元</span></p>
									</div>
								</a>
							</li>
						</ol>
						<span>点击加载更多</span>
					</div>
					<!--历史培训-->
					<div id="pastLesson">
						<h3><span>&emsp;</span>历史培训<span>&emsp;</span></h3>
						<ol>
							<li>
								<a href="offline.html">
									<img src="img/ListTest1.jpg" />
									<div>
										<h4>王昕老师孕产瑜伽体系课培训报名</h4>
										<p>报名人数100人<del>99元</del></p>
										<p>2017-08-12至2017-09-02<span>限时免费</span></p>
									</div>
								</a>
							</li>
							<li>
								<a href="offline.html">
									<img src="img/ListTest1.jpg" />
									<div>
										<h4>火爆招生|1-2月王昕老师孕产瑜伽体系课培训报名</h4>
										<p>报名人数100人</p>
										<p>2017-08-12至2017-09-02<span>&yen;99.00元</span></p>
									</div>
								</a>
							</li>
							<li>
								<a href="offline.html">
									<img src="img/ListTest1.jpg" />
									<div>
										<h4>王昕老师孕产瑜伽体系课培训报名</h4>
										<p>报名人数100人</p>
										<p>2017-08-12至2017-09-02<span>&yen;200.00元</span></p>
									</div>
								</a>
							</li>
						</ol>
						<span>点击加载更多</span>
					</div>
				</li>
				<!--导师认证-->
				<li>
					<select id="queryType">
						<option value="name">导师姓名</option>
						<option value="IDCard">身份证号</option>
						<option value="IDNo">证件编号</option>
						<option value="area">地区查询</option>
					</select>
					<input type="text" placeholder="请输入导师姓名" />
					<div id="addr">
						所在地区
						<p id="city_text">新疆维吾尔族自治区</p>
					</div>
					<button type="button" class="mui-btn mui-btn-success">点击查询</button>
					<a>申请为导师&gt;&gt;</a>
				</li>
			</ol>
		</section>
		<!--课程培训-孕期-->
		<section class="kcpx_yq kcpxList">
			<div>
				<ol>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>孕期运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>孕期运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>孕期运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
				</ol>
			</div>
		</section>
		<!--课程培训-产后-->
		<section class="kcpx_ch kcpxList">
			<div>
				<ol>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>产后运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>产后运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>产后运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
				</ol>
			</div>
		</section>
		<!--课程培训-月子-->
		<section class="kcpx_yz kcpxList">
			<div>
				<ol>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>月子运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>月子运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>月子运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
				</ol>
			</div>
		</section>
		<!--课程培训-亲子-->
		<section class="kcpx_qz kcpxList">
			<div>
				<ol>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>亲子运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>亲子运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>亲子运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
				</ol>
			</div>
		</section>
		<!--课程培训-名师-->
		<section class="kcpx_ms kcpxList">
			<div>
				<ol>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>名师运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>名师运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/ListTest1.jpg" />
							<div>
								<h4>名师运动如何更安全有效</h4>
								<p>课程描述。。。<br/>...</p>
								<p>报名人数100人<span>99元</span></p>
							</div>
						</a>
					</li>
				</ol>
			</div>
		</section>

		<!--商城-->
		<section class="sc">2</section>
		<!--问答-->
		<section class="wd">3</section>
		<!--我的-->
		<section class="my">
			<div id="outline">
				<img src="img/qz.png" />
				<p><strong>姓名</strong><span>我的余额</span></p>
				<p><em>我的积分：22分</em><b>&yen;99.00</b></p>
				<span>会员等级v1</span>
			</div>
			<div class="mui-content">
				<ul class="mui-table-view mui-grid-view mui-grid-9">
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a>
							<img src="img/my_xxyk.png" />
							<div class="mui-media-body">线下约课</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a>
							<img src="img/my_grxx.png" />
							<div class="mui-media-body">个人信息</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a>
							<img src="img/my_wdkt.png" />
							<div class="mui-media-body">我的课程</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a>
							<img src="img/my_wdqb.png" />
							<div class="mui-media-body">我的钱包</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a>
							<img src="img/my_wyqj.png" />
							<div class="mui-media-body">我要请假</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a>
							<img src="img/my_wdpx.png" />
							<div class="mui-media-body">我的培训</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a class="wkt">
							<img src="img/my_zxdt.png" />
							<div class="mui-media-body">最新动态</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a class="wkt">
							<img src="img/my_wdgz.png" />
							<div class="mui-media-body">我的关注</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a class="wkt">
							<img src="img/my_wdtw.png" />
							<div class="mui-media-body">我的提问</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a class="wkt">
							<img src="img/my_wddd.png" />
							<div class="mui-media-body">我的订单</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a class="wkt">
							<img src="img/my_gyxy.png" />
							<div class="mui-media-body">关于昕孕</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a class="wkt">
							<img src="img/my_wdhd.png" />
							<div class="mui-media-body">我的回答</div>
						</a>
					</li>
				</ul>
			</div>
		</section>
		<!--底部菜单-->
		<nav id="menu">
			<a class="sy show"><samp>首页</samp></a>
			<a class="kcpx"><samp>课程培训</samp></a>
			<a class="sc"><samp>商城</samp></a>
			<a class="wd"><samp>问答</samp></a>
			<a class="my"><samp>我的</samp></a>
		</nav>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.picker.min.js"></script>
		<!--<script src="js/zepto.min.js"></script>-->
		<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<script src="js/data.city.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</body>

</html>